<template>
  <div>
    <Header></Header>
    <div class="banner_bg">
			<img class="" src="https://image.utea88.com/statics/pc_member_center_banner.png" alt="">
    </div>
    <div class="section_01">
      <img class="" src="http://image.utea88.com/statics/pc_member_center_04.png" alt="">
    </div>
    <div class="section_02">
      <img class="" src="http://image.utea88.com/statics/pc_member_center_02.png" alt="">
    </div>
    <div class="section_03">
      <img class="" src="http://image.utea88.com/statics/pc_member_center_03.png" alt="">
    </div>
    <Footer></Footer>
  </div>
</template>

<script>
  import Header from "@/views/front/components/Header";
  import Footer from "@/views/front/components/Footer";

export default {
  name: "MemberCenter",
  props: {

  },
  components: {
		Header,
    Footer,
  },
  data() {
    return {
      content: ''
    }
  },
  computed: {

  },
  watch: {},
  methods: {
    
  },
  created() {
    
  },
  mounted() {
    
  },
  beforeCreate() {}, // 生命周期 - 创建之前
  beforeMount() {}, // 生命周期 - 挂载之前
  beforeUpdate() {}, // 生命周期 - 更新之前
  updated() {}, // 生命周期 - 更新之后
  beforeDestroy() {}, // 生命周期 - 销毁之前
  destroyed() {}, // 生命周期 - 销毁完成
  activated() {}, // 如果页面有keep-alive缓存功能，这个函数会触发
}
</script>

<style lang='scss' scoped>
  .banner_bg {
		position: relative;
		width: 100%;
		height: 373px;

    img {
      width: 100%;
      height: 100%;
    }
  }

  .section_01 {
    position: relative;
		width: 100%;

    img {
      width: 100%;
    }
  }

  .section_02 {
    position: relative;
		width: 100%;
		height: 570px;
    background: rgb(244, 247, 250);

    img {
      @include abs-center;
      width: 1300px;
      height: 100%;
    }
  }
  .section_03 {
    position: relative;
		width: 100%;

    img {
      width: 100%;
    }
  }
</style>